<template>
  <h1>provide和inject 用法</h1>
  <div class="fu">
    <p>我是根组件</p>
    <div>
      provide:提供依赖可以是一个对象，或者是一个返回对象的函数。里面呢就包含要给子孙后代的东西，也就是属性和属性值。
      <br />
      inject:注入依赖一个字符串数组，或者是一个对象。属性值可以是一个对象，包含from和default默认值。
    </div>
    <AA />
  </div>
</template>

<script setup lang="ts">
import { provide, ref } from "vue";
import AA from "./a.vue";

provide("msg", ref<string>("我是provide传出来的数据"));
</script>
<style>
.fu {
  width: 500px;
  height: 500px;
  background: chartreuse;
}
</style>
